.tabs {
	padding: 0;
	margin: 0 !important;
	background-color: #fafafa;
	max-width: 215px;
	height: 70%;
	.tab-header {
		position: relative;
		margin: 0;
		padding: 0;
		height: 48px;
		min-width: 36px;
		cursor: pointer;
		border-bottom: 2px solid transparent;
		.tab-header-item {
			background-color: #333;
			height: 100%;
			margin: 0 0;
		    cursor: pointer;
		    outline: none;
		    border-bottom: 2px solid transparent;
		    p {
				font-size: 1.2em;
				font-weight: 300;
				line-height: 48px;
				color: white;
				opacity: 0.6;
		    }
		   	.line {
				bottom: 0px;
			    display: block;
			    height: 2px;
			    margin-top: -2px;
			    position: relative;
			    transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
			    left: calc(50%);
			    width: 50%;
			    background-color: rgb(255, 64, 129);
		   	}
		}
	}
	.active {
		border-bottom: 2px solid #ff3b77 !important;
		p {
			opacity: 1 !important;
		}
	}
	.tabs-content {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
	}
}